<link rel="stylesheet" href="${base}/resource/css/album.css" type="text/css" />
<script type="text/javascript" src="${base}/resource/js/album.js"></script>
<#if !(goods.id)??>
	<#assign isAdd = true />
<#else>
	<#assign isEdit = true />
</#if>
<div title="商品图片" class="tabContent product">
	<div style="color:red;padding-top:10px;padding-bottom:10px;">为了防止展示图片失真，请上传尺寸为800*800的图片！</div>
	<div class="productImageArea">
		<div class="example"></div>
		<a class="prev browse" href="javascript:void(0);" hidefocus="true"></a>
		<div class="scrollable">
			<ul class="items">
				<li>
					<div class="productImageBox">
						<div class="productImagePreview png">
							<#if (goods.image_default)??>
								<img src="<@Pic pic=goods.image_default/>" />
							<#else>
								主图片
							</#if>
						</div>
						<div class="productImageOperate">
							<a class="left" href="javascript: void(0);" title="左移" hidefocus="true">
								<img src="${base}/resource/images/operate_bg_left.png"  width="16" height="16"/>
							</a>
							<a class="right" href="javascript: void(0);" title="右移" hidefocus="true">
								<img src="${base}/resource/images/operate_bg_right.png"  width="16" height="16"/>
							</a>
							<a class="delete" href="javascript: void(0);" title="删除" hidefocus="true">
								<img src="${base}/resource/images/operate_bg_delete.png"  width="16" height="16"/>
							</a>
						</div>
						<a class="productImageUploadButton" href="javascript: void(0);">
							<input type="hidden" name="image_default" value="${(goods.image_default)!''}" />
							<input type="button" class="browserButton" hidefocus="true" />
							<div>上传新图片</div>
						</a>
					</div>
				</li>
				<#list (goods.imageList)! as image>
					<li>
						<div class="productImageBox">
							<div class="productImagePreview png">
								<img src="<@Pic pic=image/>" >
							</div>
							<div class="productImageOperate">
								<a class="left" href="javascript: void(0);" title="左移" hidefocus="true">
									<img src="${base}/resource/images/operate_bg_left.png"  width="16" height="16"/>
								</a>
								<a class="right" href="javascript: void(0);" title="右移" hidefocus="true">
									<img src="${base}/resource/images/operate_bg_right.png"  width="16" height="16"/>
								</a>
								<a class="delete" href="javascript: void(0);" title="删除" hidefocus="true">
									<img src="${base}/resource/images/operate_bg_delete.png"  width="16" height="16"/>
								</a>
							</div>
							<a class="productImageUploadButton" href="javascript: void(0);">
								<input type="hidden" name="image_files" value="${image}" />
								<input type="button" class="browserButton" hidefocus="true" />
								<div>上传新图片</div>
							</a>
						</div>
					</li>
				</#list>
				<li>
					<div class="productImageBox">
						<div class="productImagePreview png">暂无图片</div>
						<div class="productImageOperate">
							<a class="left" href="javascript: void(0);" title="左移" hidefocus="true">
								<img src="${base}/resource/images/operate_bg_left.png"  width="16" height="16"/>
							</a>
							<a class="right" href="javascript: void(0);" title="右移" hidefocus="true">
								<img src="${base}/resource/images/operate_bg_right.png"  width="16" height="16"/>
							</a>
							<a class="delete" href="javascript: void(0);" title="删除" hidefocus="true">
								<img src="${base}/resource/images/operate_bg_delete.png"  width="16" height="16"/>
							</a>
						</div>
						<a class="productImageUploadButton" href="javascript: void(0);">
							<input type="hidden" name="image_files"/>
							<input type="button" class="browserButton"/>
							<div>上传新图片</div>
						</a>
					</div>
				</li>
			</ul>
		</div>
		<a class="next browse" href="javascript:void(0);" hidefocus="true"></a>
		<div class="blank"></div>
	</div>
</div>